<!--
  @author heguanghua
  @since 2020/05/07 09:32
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<div class="layui-card-body" th:fragment="query">

    <div class="zmn-form-item">
        <div class="item-inline">
            <label class="inline-label">员工：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <input type="text" name="keyword" th:value="${keyword}" placeholder="姓名/账号/ID" autocomplete="off"
                               class="layui-input" maxlength="20"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-inline">
            <label class="inline-label">员工状态：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select id="staffStatus" name="staffStatus" th:value="${vo.staffStatus}">
                            <option value="0" th:selected="${0 == vo.staffStatus}">-选择-</option>
                            <option th:value="${status.key}" th:selected="${status.key == vo.staffStatus}"
                                    th:text="${status.value}" th:each="status:${staffStatuses}">状态
                            </option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-inline">
            <label class="inline-label">员工类型：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select name="type" lay-search="">
                            <option value="">请选择</option>
                            <option th:each="roleType:${roleTypeList}" th:value="${roleType.key}"
                                    th:text="${roleType.value}"
                                    th:selected="${roleType.key == vo.type}"></option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-inline">
            <label class="inline-label">账号状态：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select id="status" name="status">
                            <option value="">-选择-</option>
                            <option value="2">启用</option>
                            <option value="1">禁用</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="zmn-form-item">
        <div class="item-inline col2">
            <label class="inline-label">组织架构：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline perWidth">
                        <div id="plat" name="plat"></div>
                    </div>
                    <div class="box-input-inline perWidth">
                        <div id="orgTwoId" name="orgTwoId"></div>
                    </div>
                    <div class="box-input-inline perWidth">
                        <div id="orgId" name="orgId"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-inline">
            <label class="inline-label">部门：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <div id="deptId"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-inline">
            <label class="inline-label">最近登录：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <input type="text" id="lastLoginTimeRang" name="lastLoginTimeRang"
                               th:value="${vo.lastLoginTimeRang}" placeholder="yyyy/MM/dd - yyyy/MM/dd"
                               autocomplete="off" class="layui-input"/>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="zmn-form-item">
        <div class="item-inline">
            <label class="inline-label">入职时间：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <input type="text" id="entryTimeRange" name="entryTimeRange" th:value="${vo.entryTimeRange}"
                               placeholder="yyyy/MM/dd - yyyy/MM/dd"
                               class="layui-input" autocomplete="off"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="item-inline">
            <label class="inline-label">转正时间：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <input type="text" id="becomeFormalTimeRange" name="becomeFormalTimeRange"
                               th:value="${vo.becomeFormalTimeRange}" placeholder="yyyy/MM/dd - yyyy/MM/dd"
                               class="layui-input" autocomplete="off"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-submit">
            <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="zmn-board-form-submit" th:if="${hasList}">
                <i class="layui-icon">&#xe615;</i></button>
            <button class="layui-btn d-button" lay-submit lay-filter="query-export" id="query-export"
                    style="display: none" th:if="${hasExport}"></button>
            <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe669;</i>
            </button>
        </div>
    </div>
</div>

